Skip to content

design: landing page & docs ui updates #931

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 21 commits into from
Aug 24, 2025
Merged

design: landing page & docs ui updates #931

merged 21 commits into from
Aug 24, 2025

Conversation

julioest
Copy link
Contributor

@julioest julioest commented Jul 16, 2025 •
edited
Loading

Landing Page Preview

https://mrdocs.netlify.app/

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest changed the title [wip] landing page updates landing page updates Jul 21, 2025
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest force-pushed the landing-page-updates branch from 0d3357a to 7cd815f Compare July 21, 2025 19:39
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

1 similar comment
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest changed the title landing page updates design: landing page updates Jul 22, 2025
@julioest julioest force-pushed the landing-page-updates branch from 670b38e to a56cd99 Compare July 28, 2025 19:51
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest marked this pull request as ready for review July 29, 2025 13:27
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@alandefreitas
Copy link
Collaborator

This corner on the top right looks weird:

image

@rbbeeston
Copy link

yeah, since it's absolute positioned, the "top" needs to match the nav height. probably a hood idea to give the nav a fixed height, just in case.

@julioest julioest changed the title design: landing page updates design: landing page & docs ui updates Jul 29, 2025
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

1 similar comment
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest
Copy link
Contributor Author

julioest commented Jul 30, 2025 •
edited
Loading

The top gap issue is resolved now. 👍

Home page update:

  • refine layout & button styles for header
  • add header image

@alandefreitas
Copy link
Collaborator

That navbar auto-hiding is problematic in this case because, unlike other landing pages, these links potentially ("docs" for now) go to different pages and not to anchors in the same page.

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@alandefreitas
Copy link
Collaborator

Maybe the code and documentation cards (?) should be aligned and just as rounded?

@julioest
Copy link
Contributor Author

Home page update: 49f147d

  • adjust halftone background pattern for mobile
  • adjust code panels overflowing for mobile

Screenshot from iPhone 16

@julioest julioest force-pushed the landing-page-updates branch from c616d66 to 64fc9bd Compare July 30, 2025 20:34
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest
Copy link
Contributor Author

Home page update: 64fc9bd

  • replace thinking graphic for mrdocs graphic in the hero
  • update principles section
  • adjust nav threshold
  • clean up styles

@julioest julioest force-pushed the landing-page-updates branch from 64fc9bd to 0cee820 Compare July 30, 2025 21:02
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

1 similar comment
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest
Copy link
Contributor Author

julioest commented Jul 31, 2025 •
edited
Loading

Home page Update: 9a6ff5b

  • add github link to nav
  • update thinking graphic box shape for principles section
  • set the background color opacity to 0.55 for code elements and documentation panel
  • reset svg colors

To-do:

  • add graphics underneath floating code blocks
  • adjust the hero's copy color shades to be more prominent

@julioest julioest force-pushed the landing-page-updates branch from 79f214b to 6838e98 Compare August 15, 2025 17:45
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

3 similar comments
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

julioest added 20 commits August 23, 2025 23:39
@julioest
[wip] add gradient background and update styles
f7f7f57 
- add gradient background
- hide examples section for now
- update css with rgba colors
@julioest
style: update html background and clean CSS rules
c39de4a
@julioest
style: enhance header layout and add new CSS styles
85803a3
@julioest
style: add dotted backgrounds
0bd7a1d
@julioest
style: update navigation layout and add nav scroll behavior
bc7f9b9
@julioest
style: refine header styles
921fa94
@julioest
style: adjust panels and page background for mobile
da16777
@julioest
style: update principles section layout and styles
6f84754
@julioest
style: add GitHub link to navigation and update layout
bfd0430
@julioest
style: add graphics to feature panels
bb03c1c
@julioest
style: update feature panels and improve layout
516c9f8
@julioest
css: update base, site, vars for design refresh
53c1ca5
@julioest
style: add background gradients to antora
0428f34
@julioest
style: update image classes and add new assets
486c31e
@julioest
style: update website gradient color palette
9eccdc8
@julioest
style: refine background gradients
3dc8bf4
@julioest
style: remove navbar ux and refine background gradient
fc7f542
@julioest
style: enhance antora docs ui
4e1bd00 
- replace logo on landing page
- add blurred backgrounds to docs
- update text colors in docs
@julioest
style: improve table styles for landing page
3f82b34
@julioest
style: update landing page design and documentation UI
10a82f5 
- Enhanced website and documentation styling with improved CSS
- Added MrDocsBanner.png and updated mrdocs-logo.svg
- Improved header, navigation, and site-wide components
- Updated chevron.svg to white and enhanced home.svg
- Added logo.hbs partial and refined page layout
- Updated README.adoc and index page documentation
@julioest julioest force-pushed the landing-page-updates branch from 899d906 to 10a82f5 Compare August 24, 2025 03:40
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest merged commit 251173b into cppalliance:develop Aug 24, 2025
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@alandefreitas alandefreitas Awaiting requested review from alandefreitas

@rbbeeston rbbeeston Awaiting requested review from rbbeeston

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
4 participants
@julioest @cppalliance-bot @alandefreitas @rbbeeston